export default {
  // 为当前模块开启命名空间
  namespaced: true,

  // 模块的 state 数据
  state: () => ({
    // 购物车的数组，用来存储购物车中每个商品的信息对象
    // 每个商品的信息对象，都包含如下 6 个属性：
    // { goods_id, goods_name, goods_price, goods_count, goods_small_logo, goods_state }
    // JSON.parse()表示转变成一个真正的数组
	// wx.getStorageSync(string key): 从本地缓存中同步获取指定 key 的内容,本地缓存中指定的 key返回值any
	cart: JSON.parse(uni.getStorageSync('cart') || '[]')
  }),

  // 模块的 mutations 方法 ,只有muation中定义的函数才有权力修改 state中的数据 ,不要在mutations函数中执行异步操作
  mutations: {
	  addToCart(state,goods){
		  // 根据提交的商品的Id，查询购物车中是否存在这件商品
		 // 如果不存在，则 findResult 为 undefined；否则，为查找到的商品信息对象
		  const findResult = state.cart.find(x =>x.goods_id === goods.goods_id)
		  if(!findResult){
			  // 如果购物车中没有这件商品，则直接 push
			  state.cart.push(goods)
		  }else{
			  // 如果购物车中有这件商品，则只更新数量即可
			  findResult.goods_count++
		  }
		  // 通过 commit 方法，调用 m_cart 命名空间下的 saveToStorage 方法 
		  this.commit('m_cart/saveToStorage')
	  },
	  
		// 将购物车中的数据持久化存储到本地  
	  saveToStorage(state){
		  //string key：本地缓存中指定的 key ，any data：需要存储的内容。只支持原生类型、Date、及能够通过JSON.stringify序列化的对象。
		  // wx.setStorageSync(string key, any data)
		  // JSON.stringify()将一个数组转成字符串之后存储在本地
		  uni.setStorageSync('cart', JSON.stringify(state.cart))
	  },
	  
	  //更新购物车中商品的勾选状态
	  updateGoodsState(state,goods){
		  // 根据 goods_id 查询购物车中对应商品的信息对象
		  const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
		 // 有对应的商品信息对象
		  if(findResult){
			  // 更新对应商品的勾选状态
			  findResult.goods_state = goods.goods_state
			  // 持久化存储到本地
			  this.commit('m_cart/saveToStorage')
		  }
	  },
	  
	  //更新商品的数量
	 updateGoodsCount(state, goods) {
	   // 根据 goods_id 查询购物车中对应商品的信息对象
	   const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
	   if(findResult) {
	     // 更新对应商品的数量
	     findResult.goods_count = goods.goods_count
	     // 持久化存储到本地
	     this.commit('m_cart/saveToStorage')
	   }
	 },
	 
	 // 根据 Id 从购物车中删除对应的商品信息
	 removeoodsById(state,goods){
		 // 调用数组的 filter 方法进行过滤
		 state.cart = state.cart.filter(x => x.goods_id !== goods.goods_id)
		 // 持久化存储到本地
		 this.commit('m_cart/saveToStorage')
	 },
	 // 更新所有商品的勾选状态
	 updateAllGoodsState(state,newState){
		 // 循环更新购物车中每件商品的勾选状态
		 state.cart.forEach(x => x.goods_state = newState)
		 // 持久化存储到本地
		 this.commit('m_cart/saveToStorage')
	 }
  },

  // 模块的 getters 属性
  getters: {
	  // 统计购物车中商品的总数量
	  total(state){
		  // 第一种方法
		  // let c = 0
		  // 循环统计商品的数量，累加到变量 c 中
		  // state.cart.forEach(x => c += x.goods_count)
		  // return c
		  
		  //第二种方法, total就等于第一种方法的Let c, 0表示初始值
		  return state.cart.reduce((total,item) =>total += item.goods_count,0 )
	  },
	  
	  // 勾选的商品的总数量
	  checkCount(state){
		    // 先使用 filter 方法，从购物车中过滤器已勾选的商品
		    // 再使用 reduce 方法，将已勾选的商品总数量进行累加
		    // reduce() 的返回值就是已勾选的商品的总数量
		  return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count, 0)
	  },
	  
	  //已勾选商品的总价格
	  checkdGoodsAmount(state){
		    // 先使用 filter 方法，从购物车中过滤器已勾选的商品
		    // 再使用 reduce 方法，将已勾选的商品数量 * 单价之后，进行累加
		    // reduce() 的返回值就是已勾选的商品的总价
		    // 最后调用 toFixed(2) 方法，保留两位小数
		 return  state.cart.filter(x => x.goods_state).reduce((total,item) => total += item.goods_count * item.goods_price,0).toFixed(2)
	  }
  },
}